.status-wrapper  {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 0 1%;
    background: #F4F4F4;
}
.tab-wrapper .await-text {
    color: #fff;
}
.await-cancel {
    color: #fff;
}

.status-wrapper .order-wrapper {
    position: relative;
    height: auto;
    margin-top: 54px;
    padding: 10px;
    background: #fff;
    box-shadow: 0 2px 4px 0 #E2E3E5;
}

.order-wrapper .order-details {
    position: relative;
    background: #fff;
    text-align: left;
    font-size: 14px;
    color: #747579;
    line-height: 30px;
}
.order-details .route-price {
    font-size: 10px;
    color: #A5A6AE;
    float: right;
}

.order-wrapper .await-notice {
    position: relative;
    width: 100%;
    height: auto;
    padding: 20px 0px;
    text-align: left;
    border-top: 1px solid rgba(213,215,226,0.20);;
}
.icon-location {
    padding: 0px 10px;
}
.order-wrapper .await-notice > a{
    font-size: 14px;
    color: #FE872B;
        padding-left: 3em;
}

.cancle-order-hint {
    float: right;
    font-size: 16px;
    color: #333;
    margin-top: 60px;
}

//行程结束已评价
#route-order,#driver-card {
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #F4F4F4;
    overflow: hidden;
}
#route-order .order{
    text-align: left;
    color: #747579;
    font-size: 14px;
    font-weight: normal;
    padding: 10px 10px 5px;
}
#route-order .offset-right {
    margin-left: 15px; 
}
#driver-card {
    display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
              align-items: center;
        -webkit-justify-content: center;
              justify-content: center;
}
#driver-card  .driver-photo {
    position: relative;
    width: 25%;
    float: left;
}
.driver-photo > img {
    background-position: center;
    background-repeat: no-repeat;
    width: 60px;
    height: 60px; 
    border-radius:50%;
}
#driver-card .driver-message {
    position: relative;
    width: 50%;
    height: 100%;
    float: left;
    display: inline-block;
}
.driver-message .info {
    text-align: left;
    padding: 10px 5px;
}
.driver-message .info .name {
    color: #333;
    padding-bottom: 10px;
}
.driver-message .info .word {
    color: #A5A6AE;
    font-size: 14px;
}
.driver-message .info .word > span:first-child {
    background: #F4F4F4;
    width: 60px;
    height: 20px;
}
.location {
    right: right;
    vertical-align: middle;
    font-size: 40px;
}
#evaluate-card {
    width: 100%;
     display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
              align-items: center;
        -webkit-justify-content: center;
              justify-content: center;
}
#evaluate-card .evaluate {
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 10% 0;
    display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
              align-items: center;
        -webkit-justify-content: center;
              justify-content: center;
}
.evaluate .line-left {
    width: 20%;
    height: 1px;
    background: #F4F4F4;
    float: left;
}
.evaluate > h6 {
    display: inline-block;
    color: #A5A6AE;
    letter-spacing: 3px;
}
.evaluate .line-right {
    width: 20%;
    height: 1px;
    background: #F4F4F4;
    float: right;
}
#evaluate-card .star{
    width: 100%;
    clear: both;
}
.evaluate-style {
    width: 60%;
    margin-left: 20%;
    height: 30px;
    line-height: 30px;
    background: #F4F4F4;
    font-size: 14px;
    overflow: hidden;
    text-overflow : ellipsis;
    word-wrap: normal;
    word-break:keep-all;/* 不换行 */
    white-space:nowrap;/* 不换行 */
}